<%@ page language="java" contentType="text/html; charset=utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Hyves.net - Always in touch with your friends</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link href="<%=basePath %>/style/main.css" type="text/css"
			rel="stylesheet" />
		<link href="<%=basePath %>/style/style20.css" type="text/css"
			rel="stylesheet" />
		<link href="<%=basePath %>/style/jqtransform.css" type="text/css"
			rel="stylesheet" />
		<link href="<%=basePath %>/images/favicon.ico" type="image/x-icon"
			rel="shortcut icon" />
		<link href="<%=basePath %>/style/ie6.css" type="text/css"
			rel="stylesheet" />
		<script language="javascript"
			src="<%=basePath%>/script/jquery1.3.2.js" type="text/javascript"></script>
		<script language="javascript"
			src="<%=basePath%>/editor/xheditor.js" type="text/javascript"></script>
		<script language="javascript" type="text/javascript">
			$(document).ready(function(){
				$('.xheditor-simple').xheditor(true)；
			});
		</script>
	</head>
	<body>

		<jsp:include page="/site/common/header.jsp"></jsp:include>

		<div id="page-con">
			<div id="page-con-hdr">
				<div class="box">
					<div id="page-con-info">
						<!--module name-->
						<h1>
							创建一个群组
						</h1>
					</div>
					<div class="box-con-bg"></div>
				</div>
				<div class="border"></div>
				<div class="bg"></div>
			</div>
			<!-- page-con-hdr -->
			<div id="page-con-body">
				<div class="wrapper w8">
					<div class="section s1">
						<!-- register -->
						<div class="box homepage-photos">
							<div class="box-hdr">
								<div class="box-hdr-bg"></div>
								<div class="box-hdr-inner">
									<h2>
										请注册
									</h2>
								</div>
							</div>
							<div class="box-con">
								<div class="box-con-bg"></div>
								<div class="box-con-inner">
									<div class="box-con-sctn first">
										<form action="<%=basePath %>/group/save" method="post"
											class="jqtransform" id="groupForm">
											<table width="75%" align="center" cellspacing="10">
												<tr>
													<td>
														名称:
														<font color="#ffcc66"><b>*</b>
														</font>
													</td>
													<td>
														<input type="text" name="group.name" />
													</td>
												</tr>
												<tr>
													<td>
														选择一个分类:
														<font color="#ffcc66"><b>*</b>
														</font>
													</td>
													<td>
														<select style="WIDTH: 200px" name="group.groupCate.id">
															<option value="0" selected="selected">
																Select a category
															</option>
															<option label="Activities &amp; hobbies" value="1">
																Activities &amp; hobbies
															</option>
															<option label="234234354" value="2">
																324233543543
															</option>
															<option label="Traveling" value="19">
																Traveling
															</option>
														</select>
													</td>
												</tr>
												<tr>
													<td>
														描述:
														<font color="#ffcc66"><b>*</b>
														</font>
													</td>
													<td>
														<textarea class="xheditor-simple" name="group.description" rows="12" style="width: 400px"></textarea>
													</td>
												</tr>
												<tr>
													<td>
														加入权限:
														<font color="#ffcc66"><b>*</b>
														</font>
													</td>
													<td>
														<select style="WIDTH: 200px"
															onchange="showSubscriberExtraInfo(this.value);"
															name="subscriptionType">
															<option label="Everybody" value="1" selected="selected">
																Everybody
															</option>
															<option label="Only after permission" value="2">
																Only after permission
															</option>
															<option label="Confirmation by e-mail" value="3">
																Confirmation by e-mail
															</option>
															<option label="After answering the question" value="4">
																After answering the question
															</option>
														</select>
														<div id="divSubscriptionEmail" style="DISPLAY: none">
															<div
																style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px">
																What should be the domain of the e-mailaddress of the
																applicant (e.g. @nike.com)?
																<br />
																***@
																<input name="emailExtension" />
															</div>
														</div>
														<div id="divSubscriptionSecretQuestion"
															style="DISPLAY: none">
															<table style="MARGIN: 5px" cellpadding="4">
																<tbody>
																	<tr>
																		<td>
																			Question
																		</td>
																		<td>
																			<input style="WIDTH: 250px" name="question" />
																		</td>
																	</tr>
																	<tr>
																		<td>
																			Answer
																		</td>
																		<td>
																			<input style="WIDTH: 250px" name="answer" />
																		</td>
																	</tr>
																</tbody>
															</table>
														</div>
													</td>
												</tr>
												<tr>
													<td>
														Who may post:
													</td>
													<td>
														<select style="WIDTH: 200px" name="mayPostType">
															<option label="Everybody" value="1">
																Everybody
															</option>
															<option label="Members only" value="2"
																selected="selected">
																Members only
															</option>
															<option label="Moderators only" value="3">
																Moderators only
															</option>
														</select>
													</td>
												</tr>
												<tr>
													<td>
														Search engine/overviews:
													</td>
													<td>
														<select style="WIDTH: 200px" name="visibility">
															<option label="Visible" value="1" selected="selected">
																Visible
															</option>
															<option label="Invisible" value="2">
																Invisible
															</option>
														</select>
													</td>
												</tr>
												<tr>
													<td>
														Content visible:
													</td>
													<td>
														<select style="WIDTH: 200px" name="contentVisibility">
															<option label="For everybody" value="1"
																selected="selected">
																For everybody
															</option>
															<option label="For members only" value="2">
																For members only
															</option>
														</select>
													</td>
												</tr>
												<tr>
													<td valign="top" class="BodyTextSmall" colspan="2" align="right">
														<div class="sign-up-cta">
															<span class="button cta-button" id="groupSubmitBtn">
																<span><a href="javascript:void(0)">创建</a>
																</span>
															</span>    
														</div>
													</td>
												</tr>
											</table>
										</form>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- section s1 -->
					<!-- 右边开始 -->
					<div class="section s2">
						<div class="box homepage-groups">
							<div class="box-hdr">
								<div class="box-hdr-bg"></div>
								<div class="box-hdr-inner">
									<h2>
										<a href="http://www.hyves.nl/hyves/"><span
											class="box-icon icon icon-group">&nbsp;</span>Popular HYVES</a>
									</h2>
								</div>
							</div>
							<div class="box-con">
								<div class="box-con-bg"></div>
								<div class="box-con-inner">
									<div class="box-con-sctn first">
										<ul class="avatar-list">
											<li class="first">
												<div class="avatar large">
													<a class="avatar-link"
														title="Race Tegen De Klok: 600.000 op 31-12-2009 / Thema deze maand: Games"
														href="http://racetegendeklok.hyves.nl/"><img
															class="avatar-img mediaicon14"
															alt="Race Tegen De Klok: 600.000 op 31-12-2009 / Thema deze maand: Games"
															src="Hyves_net - Always in touch with your friends.files/729017263_14_D4iu.jpg" />
													</a>
													<p class="avatar-name">
														<a href="http://racetegendeklok.hyves.nl/">Race Tegen
															De Klok: 600.000 op 31-12-2009 / Thema deze maand: Games</a>
														(552854)
													</p>
												</div>
											</li>
											<li>
												<div class="avatar large">
													<a class="avatar-link" title="Sesamstraat is Cooll (H)"
														href="http://sesamstraatnaar7.hyves.nl/"><img
															class="avatar-img mediaicon14"
															alt="Sesamstraat is Cooll (H)"
															src="Hyves_net - Always in touch with your friends.files/645767942_14_8RYb.jpg" />
													</a>
													<p class="avatar-name">
														<a href="http://sesamstraatnaar7.hyves.nl/">Sesamstraat
															is Cooll <img title="(h)" alt="(h)"
																src="Hyves_net - Always in touch with your friends.files/smiley_bril.gif"
																border="0" /> </a> (518617)
													</p>
												</div>
											</li>
										</ul>
									</div>
									<div class="more">
										<span class="rsaquo">› </span><a
											href="http://www.hyves.nl/hyves/">More... </a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- section s2 -->
				</div>
				<!-- wrapper w8 -->
				<div class="border"></div>
				<div class="bg"></div>
			</div>
			<!-- page-con-body -->
			<div id="page-con-ftr">
				<div class="border"></div>
				<div class="bg"></div>
			</div>
			<!-- page-con-ftr -->
		</div>
		<!-- page-con -->

		<jsp:include page="/site/common/footer.jsp" />
	</body>
</html>